<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="macaroon.css"/>
		<style type="text/css">
			div{
				height: 50px;
				margin: 10px;
				text-align: center;
				line-height: 50px;
				color: white;
			}
		</style>
	</head>
	<body>
		<div class="macaroon-chocolate">
			常规使用
		</div>
		
		<!-- 以下为展示程序 -->
		<script type="text/javascript">
			let macaroons=[
				"macaroon-chocolate",
				"macaroon-chocolate-almond-cookies",
				"macaroon-rose-pink",
				"macaroon-strawberry-milk-cream",
				"macaroon-anperiaru",
				"macaroon-raspberry",
				"macaroon-caramel",
				"macaroon-vanilla"
			]
			
			for (let style of macaroons) {
				document.write("<div class='"+style+"'>"+style+"</div>")
			}
		</script>
	</body>
</html>
